<!DOCTYPE html>
<!-- saved from url=(0035)http://www.ggniu.cn/testcapture.htm -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>牛牛截图-在线演示</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<meta name="Keywords" content="截图,截屏,录屏,web截图,web截屏,控件,乖乖牛在线,牛牛截图,乖乖牛,免费截图,免费,web截图控件">
<meta name="Description" content="牛牛截图是一个免费的专业的桌面及web截图控件，具有功能强大、兼容性强、外观可定制、方便集成等特点，为您的产品腾飞助力！">


<link href="./niuniu_files/style.css" rel="stylesheet" type="text/css">
<script src="./niuniu_files/push.js.下载"></script>
<script type="text/javascript" src="./niuniu_files/jquery-1.6.4.min.js.下载"></script>
<script type="text/javascript" src="./niuniu_files/niuniucapture.js.下载"></script>
<script type="text/javascript" src="./niuniu_files/capturewrapper.js.下载"></script>
<script type="text/javascript" src="./niuniu_files/jquery.json-2.3.min.js.下载"></script>
<script>
(function(){
    var bp = document.createElement('script');
    bp.src = '//push.zhanzhang.baidu.com/push.js';
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="js/ie6Fixpng.js"></script>
<![endif]-->

<script type="text/javascript">
    $().ready(function(){ 
    $('#moreparams').hide();
    $('#captureselectSize').click( function(){
      var autoFlag = $("#captureselectSize").attr("checked")=="checked" ? 1 : 0;
      if(autoFlag == 1){
        $('#moreparams').show();
      }
      else{
        $('#moreparams').hide();
      }
    });
	$('#getimagefromclipboard').click( function(){
			$('#posdetail').hide();
		});
	$('#showprewindow').click( function(){
		$('#posdetail').hide();
	});
    $('#fullscreen').click( function(){
      $('#posdetail').hide();
    });
    $('#specificarea').click( function(){
      $('#posdetail').show();
    });
    $('#showprewindow').click();
    $('#autoupload').click();
    //$("#autoupload").attr("checked", "checked");
    $('#btnUpload').hide(); 
	
	Init();
  })     
        
</script>

</head>

<body>
<!----------------------------------导航栏开始------------------------------>
<div class="headerBar">
 <div class="topBar">
    <div class="comWidth">
      <h2 class="welcometxt">乖乖牛在线，为您提供最专业的组件化IM平台!</h2>
    </div>
 </div>
 <div class="logoBar">
  <div class="comWidth">
    <div class="logo"><a href="http://www.ggniu.cn/testcapture.htm#"><img src="./niuniu_files/logo.jpg" alt="乖乖牛在线截图" border="0"></a></div>
      <ul>
        <li><a href="http://www.ggniu.cn/index.html">产品首页</a></li>
        <li><a href="http://www.ggniu.cn/testcapture.htm#">在线演示</a></li>
        <li><a href="http://www.ggniu.cn/download.htm">软件下载</a></li>
		<li><a href="http://www.ggniu.cn/share.html">牛牛分享</a></li>
        <li><a href="http://www.ggniu.cn/case.html">用户案例</a></li>
        <li><a href="http://www.ggniu.cn/faq.html">常见问题</a></li>
		<li><a href="http://www.ggniu.cn/about.html">关于我们</a></li>
        
      </ul>
    </div>
  </div>
</div>

<div class="div20"></div>
<!----------------------------------------在线演示开始---------------------------------------------------------->

<div class="captureContent">
  <div class="comWidth captureObject">
    <span>
      本页面用于演示牛牛截图控件的功能及使用方法；<font color="red">为了展示控件的所有功能，页面中有不少选择项来用于调整调用参数，您只关注您需要的部分，在应用时调整Javascript即可。</font></span>
  </div>

  <div class="comWidth ctlDiv">
    <div class="leftCtl fl">
      <a id="btnCapture" href="javascript:StartCapture()" class="btn">屏幕截图</a>     
      <a id="btnReload" href="javascript:ReloadPlugin()" class="btn" style="display:none">正在进行插件安装，安装成功后请点击这里...</a>         
      &nbsp;<input type="checkbox" id="autoupload" value="0"><label for="autoupload">截图完成后自动上传</label>
      &nbsp;<input type="checkbox" id="hideCurrent" value="0"><label for="hideCurrent">自动最小化当前窗口</label>
      &nbsp;<input type="checkbox" id="captureselectSize" value="0"><label for="captureselectSize">更多个性化选项</label>
    </div>
  </div>

  <div class="comWidth caputreArea" id="moreparams" style="display:none;">
    <div class="fCtl">
	 <input type="radio" name="radioselect" id="getimagefromclipboard"><label for="getimagefromclipboard">从剪贴板获取图片</label>
	 &nbsp;<input type="radio" name="radioselect" id="showprewindow" checked="checked"><label for="showprewindow">显示预截图窗口</label>
     &nbsp;<input type="radio" name="radioselect" id="fullscreen" checked="checked"><label for="fullscreen">截取当前桌面</label>
     &nbsp;<input type="radio" name="radioselect" id="specificarea" checked="checked"><label for="specificarea">截取指定位置</label>  
    </div>
    <div class="rCtl" id="posdetail" style="display: none;">
     left:<input class="inputtext" type="input" id="xpos" value="0">
     top:<input class="inputtext" type="input" id="ypos" value="0">
     width:<input class="inputtext" type="input" id="width" value="200">
     height:<input class="inputtext" type="input" id="height" value="150">
    </div>
  </div>

  <div class="comWidth log" style="text-align:left;">
    &nbsp;&nbsp;&nbsp;&nbsp;请点击上面的按钮开始进行屏幕截图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a target="_blank" href="http://www.ggniu.cn/download.htm">控件调用示例代码及文档下载</a>&nbsp;&nbsp;&nbsp;<a target="_blank" style="color:#ff0000;" href="http://shang.qq.com/wpa/qunwpa?idkey=a9dab7a14df03d19a2833e6b5f17a33639027d06213cf61bdb7554b04492b6e5">加群讨论</a>
	<div id="downloadNotice" style="display:nonex;">如果控件安装包未自动下载，请&nbsp;<a class="btn" id="downaddr" style="color:red;" target="_blank" href="http://www.ggniu.cn/download/CaptureInstall.exe"><strong>猛戳这里</strong></a>。</div>
	
  </div>
	
  <div class="comWidth infoText" id="infoShow" style="height:40px;">
    <span id="info"></span><span id="show"></span>
      <a id="btnUpload" href="javascript:UploadData()" style="display:none;" class="btn">上传截图</a> 
  </div>

  <div class="comWidth">
    <div id="snapImg" style="height:300px;">
      <img id="imgshow" style="display:none;" border="0">
  </div>
   <a id="A1" href="javascript:captureObj.SetWatermarkText(&#39;测试水印文字&#39;)" class="btn">设置显示水印文字</a> 
 <a id="A2" href="javascript:TestSetWatermarkPicture()" class="btn">设置显示水印图片</a> 
 <a id="A4" href="javascript:captureObj.SavePicture(&#39;&#39;)" class="btn">保存刚截图的图片</a> 
 <a id="A3" href="javascript:alert(captureObj.GetCursorPosition());" class="btn">获取当前鼠标坐标</a> 
  </div>

</div>

<iframe id="downCapture" style="display:none;" src="./niuniu_files/saved_resource.html"></iframe>

 <!----------------------------------------在线演示结束---------------------------------------------------------->
<div class="div20"></div>
<div class="foot">
  <div class="comWidth copyright">
    <center>
      <span>Copyright&nbsp;©&nbsp;2015 - 2017&nbsp;&nbsp;www.ggniu.cn&nbsp;&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;<br>
 牛牛截图&nbsp;&nbsp;&nbsp;&nbsp;粤ICP备15043258号-1&nbsp;&nbsp;&nbsp;</span>
    </center>
  </div>
</div>


<div id="capturecontainer" style="height:0px;width:0px;"><object id="niuniuCapture" type="application/x-niuniuwebcapture" width="0" height="0"><param name="onload" value="onpluginLoaded"></object></div><iframe id="startCaptureFrame" style="display:none;" src="./niuniu_files/saved_resource(1).html"></iframe></body></html>